<template>
  <div class="grandson">
    <h3>GrandSon</h3>
    <div>
      <!-- <p>count:{{ count }}</p> -->
      <p>a:{{ a }}</p>
      <p>b:{{ b }}</p>
      <p>c:{{ c }}</p>
    </div>
    <button @click="changeA(a + 1)">改变A</button>
  </div>
</template>

<script>
export default {
  name: "GrandSon",
  inject: ["a", "b", "c", "changeA"],
};
</script>

<style scoped>
.grandson {
  background: yellowgreen;
}
</style>
